@mixin custom-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    background: center/cover no-repeat, currentColor;
    mask-size: contain;
    mask-position: center;
}

.custom-icon-save {
    @include custom-icon;
    mask-image: url('~@/assets/images/admin/icon-save.svg');
}

.custom-icon-import {
    @include custom-icon;
    mask-image: url('~@/assets/images/edr-config/icon-import.svg');
}

.custom-icon-drag {
    @include custom-icon;
    mask-image: url('~@/assets/images/edr-config/icon-drag.svg');
}

.el-button {
    [class^="custom-icon-"],
    [class*="custom-icon-"] {
        vertical-align: top;

        &+span {
            margin-left: 4px;
        }
    }
}
